* {margin:0px;padding:0px;position:relative;font-size:1em;}
BODY {margin:0px;padding:30px 0px 0px;font-family: sans-serif;font-size: 1em;}
A {color:#2A5DB0;}
H3 {font-size:1em;}
TH,TD {font-size:1em;}

/**********************************************************************************************
	Application Menubar
**********************************************************************************************/
.appbar {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#b0b0b0));
	background-image: -moz-linear-gradient(top, #e7e7e7, #b0b0b0);
	background-color:#b0b0b0;
	background-repeat:repeat-x;
	border-top:1px solid #fff;
	border-bottom:1px solid #373737;
	font-size:0.9em;
	padding:0px 5px 0px;
	overflow: visible;
	color:#fff;	
	height:28px;
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}
.appbar A.logo {position:absolute; top:1px; left:3px;border:0px;}
.appbar A.logo IMG {border:0px;}
.appbar UL A {color:#000;font-weight:normal;text-decoration: none;overflow:hidden;text-shadow: 1px 1px 1px #fff;}
.appbar > UL.modules {float:left;list-style:none;height:28px;margin-left:50px;}
.appbar > UL.modules LI {float:left;z-index:1001;margin:1px 2px;line-height:1em;padding:5px 5px 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.appbar > UL.modules LI.dropdown:hover {
	padding-bottom:8px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;

}
.appbar > UL.modules LI:hover {background-color:rgba(0,0,0,0.8);}
.appbar > UL.modules LI:hover A {color:#fff;text-shadow: 1px 1px 1px #000;}
/* Second Level */
.appbar > UL.modules UL {
	display:none;
	position: absolute;
	z-index:1000;
	background:rgba(0,0,0,0.9);
	min-width:200px;
	margin-top:8px;
	padding:5px 0px 5px;
	margin-left:-20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: visible;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	
}
.appbar > UL.modules LI:hover UL {display:block;}
.appbar > UL.modules UL LI {float:none;display:block;white-space: nowrap;display:block;margin:0px;padding:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.appbar > UL.modules UL LI:hover {padding:0px;}
.appbar > UL.modules UL LI A {display:block;padding:5px 10px 5px 25px;margin:0px;}
.appbar > UL.modules UL LI A:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7383f8), to(#4356f6));
	background-image: -moz-linear-gradient(top, #7383f8, #4356f6);
	background-color:#4356f6;
	background-repeat:repeat-x;
	color:#fff;
}
.appbar > UL.modules UL LI A SPAN {position:absolute; top:0px;left:5px; bottom:0px;width:16px;background-repeat:no-repeat;background-position: center center;}
.appbar > UL.modules UL LI.sep {margin:0px 5px;background:rgba(255,255,255,0.2);height:1px;overflow:hidden;line-height:1px;}
.appbar > .user {float:right;}



#header {clear:both;}
#body {min-width:1150px;}
/**********************************************************************************************
	Application Footer Bar
**********************************************************************************************/
#footer {
	position:fixed;
	left:0px;right:0px;bottom:0px;
	height:15px;
	padding:3px 10px;
	font-size:0.7em;
	text-align: center;
	color:#333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#b0b0b0));
	background-image: -moz-linear-gradient(top, #e7e7e7, #b0b0b0);
	background-color:#b0b0b0;
	background-repeat:repeat-x;
	border-top:1px solid #fff;
}
#footer .copyright {float:right;}
#footer .gpl {float:left;}




.btn {
 	border:1px solid #606060;
	background-color:#878787;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#626161));
	background-image:-moz-linear-gradient(top, #979797, #626161);
	color:#fff;
	padding:2px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration:none;
	font-size:0.8em;
 }
 
BODY.map #body {text-align:center;}
BODY.roadmap #body {margin:20px;font-size:0.8em;}
BODY.roadmap OL,BODY.roadmap UL {padding-left:20px;margin-left:20px;}

#timerReport {position:absolute;border:collapse;right:5px;top:0px;z-index:10000;background:#fff;}
#timerReport TD, #timerReport TH {font-size:11px;padding:2px;}


/**********************************************************************************************
	Codaset Dialog : A sexy, ajax only jQuery dialog window
	Original implementation: http://codaset.com/joelmoss/codaset-dialog/
**********************************************************************************************/

div#dialog_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;z-index:4000;}
* html div#dialog_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#dialog_wrap{text-align:left;z-index:4200;}
div#dialog_loading{position:absolute;height:100px;width:100px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:4100;}
div#dialog_loading div{position:absolute;top:0;left:0;width:100px;height:100px;background:transparent url('../img/dialog_loading.gif') no-repeat;}
div#dialog_loading_overlay{position:absolute;background-color:#FFF;z-index:4030;}
div#dialog_outer{
	position:absolute;
	top:0;
	left:0;
	z-index:4090;
	padding:30px 18px 33px 18px;
	margin:0;
	width:0;
	height:0;
	overflow:hidden;
	background:transparent;
	display:none;
}
div#dialog_inner{
	position:relative;
	width:100%;
	height:100%;
	border:1px solid #fff;
	background:rgba(0,0,0,0.9);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

}
div#dialog_content{margin:0;z-index:4100;padding:20px;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
div#dialog_div{background:#000;color:#FFF;height:100%;width:100%;z-index:4100;}
img#dialog_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:4100;width:100%;height:100%;}
div#dialog_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('../img/dialog/closebox.png') top left no-repeat;cursor:pointer;z-index:4181;display:none;}
#dialog_frame{position:relative;width:100%;height:100%;display:none;}
#dialog_ajax{width:100%;height:100%;overflow:auto;}
.dialog_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#dialog_title{
	position:absolute;
	top:-23px;
	left:20;
	z-index:4100;
	display:none;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #000;
	background:rgba(0,0,0,0.9);
	color:#FFF;font:bold 12px Arial;
	padding:5px 10px 2px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}







/**********************************************************************************************
	Dialog Form Basics
**********************************************************************************************/

.dialogForm {color:#fff;font-size:0.8em; overflow:hidden;}
.dialogForm P {overflow:hidden;margin:2px 0px;}
.dialogForm P LABEL {float:left;width:120;margin:3px 5px 3px 0px; text-align: right;}
.dialogForm P LABEL.inline {width:auto;margin:3px 5px;}
.dialogForm INPUT[type=text],
.dialogForm SELECT,
.dialogForm TEXTAREA {
	border:1px solid rgba(255,255,255,0.05);
	background:rgba(255,255,255,0.05);
	padding:3px 5px;
	color:#fff;
	font-size:1em;
	float:left;
	vertical-align: middle;
	
}
.dialogForm SELECT {padding-right:0px;}
.dialogForm SELECT:focus,
.dialogForm INPUT[type=text]:focus,
.dialogForm TEXTAREA:focus {border:1px solid rgba(255,255,255,0.7);background:rgba(255,255,255,0.3);outline: none;}
.dialogForm TEXTAREA {width:600px;height:200px;}
.dialogForm H3 {padding:5px 3px 3px 20px;margin-bottom:5px;margin-top:10px;border-bottom:1px solid rgba(255,255,255,0.3);}
.dialogForm H3 INPUT[type=checkbox] {position:absolute; left:0px;top:4px;}
.dialogForm .actions {text-align:right;margin:20px 0px;}
.dialogForm .actions BUTTON {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
	background-image: -moz-linear-gradient(top, #ccc, #666);
	color:#000;
	text-shadow: 1px 1px 1px #fff;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px;
}
.dialogForm .actions BUTTON:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ccc));
	background-image: -moz-linear-gradient(top, #666,#ccc );
}
.dialogForm .actions BUTTON.primary {font-weight:bold;}
.dialogForm .actions BUTTON.btnGreen {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#61ad5f), to(#235f1b));
	background-image: -moz-linear-gradient(top, #61ad5f, #235f1b);
	background-color:#006722;
	text-shadow: 2px 2px 2px #000;
	color:#fff;
}
.dialogForm .actions BUTTON.btnGreen:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#235f1b), to(#61ad5f));
	background-image: -moz-linear-gradient(top, #235f1b,#61ad5f );
}
.dialogForm .actions BUTTON.btnRed {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d52c48), to(#690014));
	background-image:-moz-linear-gradient(top, #d52c48, #690014);
	text-shadow: 2px 2px 2px #000;
	color:#fff;
}





